@charset "utf-8";
.boxBlog,
.boxDetail,
.boxBlogComment,
.boxNavigator{
	clear:both;
	padding:0 10px 10px;
	display:table;	
}
.boxBlog .headerTitle,
.boxDetail .headerTitle,
.boxNavigator .headerTitle{
	width:100%;
	padding:0;
	text-align:left;
	margin-bottom:10px;
	display:inline-table;	
}
.boxBlog .headerTitle h3 {
	font-size:20px;
	font-family:Arial, Helvetica, sans-serif;
	color:#555; 
	text-align:left;
	padding-left:10px;
	padding-right:8px;
	text-transform:uppercase;
	line-height:22px;
	font-weight:normal;
}
.boxBlog .headerTitle span.secAction,
.boxNavigator .headerTitle span.secAction {	
	line-height:22px;
	margin-left:5px;
}
.boxBlog .headerTitle span.secAction a,
.boxNavigator .headerTitle span.secAction a {
	float:left;
	line-height:20px;
	height:20px;
	text-transform:uppercase;
}
.boxBlog .headerTitle .userInput {
	float:right;
	width:auto;
}
.boxBlog .headerTitle .userInput label {
	font-size:11px;
	padding-right:5px;
	float:left;
	line-height:22px;
}
.boxBlog .headerTitle .userInput div {
	display:inline-table;
}
.boxBlog .headerTitle .userInput div select.select {
	float:left;
	width:145px;
	font-size:11px;
}
.boxBlog .headerTitle .userInput div select.select option {
	padding:5px 3px;
	font-family:Tahoma;
}
.boxBlog .headerTitle .userInput div span.select {
	left:43px;
	width:123px;
}
.boxDetail .headerTitle h3 {
	font-size:11px;
	font-weight:normal;
	line-height:16px;
	width:100%;
}
.boxBlog .blogItem,
.boxDetail .detailItem {
	width:100%;
	display:inline-table;
}
.boxBlog .blogItems {
	margin-bottom:10px;
	border: 1px solid #ededed;
	background-color:#f7f5f6;
	padding:9px;
	width:527px;
	display:inline-block;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
    border-radius: 5px;
	word-wrap:break-word;
}
.boxBlog .blogItems .hasImg {
	width:325px;
	margin-right:10px;
	float:left;
}
.boxBlog .blogItems h3 {
	font-size:12px;
	font-weight:bold;
	padding-bottom:10px;
	font-family:Tahoma;
	width:100%;
	word-wrap:break-word;
}
.boxBlog .blogItems h3 a {
	color:#000000;
}
.boxBlog .blogItems h4 {
	font-weight:normal;
	font-size:12px;
	margin-bottom:10px;
	font-family:Tahoma;
	width:100%;
	word-wrap:break-word;
}
.boxBlog .blogItems div.stat {
	font-weight:normal;
	font-size:11px;
	font-family:Tahoma;
}
.boxBlog .blogItems div.stat span {
	padding-right:20px;
}
.boxBlog .blogItems div.stat .date {
	color: #969495;	
}
.boxDetail .detailItem div.img {
	width:547px;
	display:inline-table;
	text-align:center;
	display:block\9;
}
.boxDetail .detailItem div.img img {
	max-width:547px;
	display:block\9;
	margin:0;
	padding:0;
}
.boxDetail .detailItem h3 {
	font-size:15px;
	padding:10px 0;
}
.boxDetail .detailItem div.content {
	padding:0 0 10px;
	display:inline-table;
	word-wrap:break-word;
	line-height:16px;
	font-size:12px;
}
.boxDetail .detailItem div.content h2 {
	font-size:12px;
}
.boxDetail .detailItem div.stat {
	padding:0 0 10px;
	display:inline-table;
	word-wrap:break-word;
	line-height:16px;
}
.boxDetail .detailItem div.stat span {
	padding-right:20px;
}
.boxDetail .detailItem div.stat span strong {
	font-weight:normal;
}
.boxDetail .detailItem div.stat .date {
	color: #969495;	
}
/** DASKBOARD */
.boxBlogNews,
.boxBlogFeature {
	clear:both;
	padding:0 0 10px;
	margin:0 2px;
	display:table;
	width:563px;
}
.boxBlogFeature {
	background:#f0faef url(../img/bg/blog-bot.jpg) left bottom no-repeat;
	padding:10px 5px 9px;
	margin-bottom:20px;
	width:553px;
}
.boxBlogNews .headerTitle,
.boxBlogFeature .headerTitle {
	width:563px;
	padding:0;
	/*background:url(../img/bg/line.jpg) left bottom repeat-x;*/
	padding-bottom:5px;
	display:inline-table;	
}
.boxBlogFeature .headerTitle {
	background:url(../img/bg/line-2.jpg) left bottom repeat-x;
	width:553px;
	margin-bottom:10px;
}
.boxBlogNews .headerTitle h3,
.boxBlogFeature .headerTitle h3 {
	font-size:20px;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
	color:#555; 
	text-align:left;
	padding-left:8px;
	padding-right:8px;
	text-transform:uppercase;
	
}
.boxBlogNews .headerTitle h3 span,
.boxBlogFeature .headerTitle h3 span {
	float:right;
	font-size:11px;
	text-transform:none;
	line-height:26px;
}
.boxBlogFeature .headerTitle h3 {
	padding-left:5px;
	padding-right:5px;
}
.boxBlogNews .blogNewsItem {
	width:563px;
	display:table;
	min-height:600px;
}
.boxBlogNews .blogNewsItems {
	background:url(../img/bg/line.jpg) left top repeat-x;
	padding:10px 8px 10px 18px;
	width:537px;
	display:table;
}
.boxBlogNews .blogNewsItems .hasImg {
	width:365px;
	margin-left:10px;
	margin-right:10px;
	float:left;
}
.boxBlogNews .blogNewsItems .noImg {
	margin-left:10px;
	float:left;
	width:475px;
}
.boxBlogNews .blogNewsItems h3 {
	font-size:11px;
	font-weight:bold;
	padding-bottom:7px;
	font-family:Tahoma;
}
.boxBlogNews .blogNewsItems h4 {
	font-size:12px;
	margin-bottom:7px;
	font-family:Tahoma;
}
.boxBlogNews .blogNewsItems h4 a {
	color:#000000;
}
.boxBlogNews .blogNewsItems div.stat {
	font-weight:normal;
	padding-top:5px;
	font-size:11px;
	font-family:Tahoma;
}
.boxBlogNews .blogNewsItems div.stat span {
	padding-right:20px;
}
.boxBlogNews .blogNewsItems div.stat .date {
	color: #969495;	
}
/***/
.boxBlogFeature .blogFeatureItem {
	display:inline-table;
	width:553px;
	padding-bottom:15px;
}
.boxBlogFeature .blogFeatureItems .hasImg {
	width:315px;
	margin-left:10px;
	margin-right:10px;
	float:left;
}
.boxBlogFeature .blogFeatureItems .noImg {
	margin-left:10px;
	float:left;
	width:315px;
}
.boxBlogFeature .blogFeatureItems h3 {
	font-size:11px;
	font-weight:bold;
	padding-bottom:7px;
	font-family:Tahoma;
}
.boxBlogFeature .blogFeatureItems h4 {
	font-size:12px;
	margin-bottom:7px;
	font-family:Tahoma;
}
.boxBlogFeature .blogFeatureItems h4 a {
	color:#000000;
}
.boxBlogFeature .blogFeatureItems p {
	font-size:12px;
	margin-bottom:7px;
	line-height:17px;
}
.boxBlogFeature .blogFeatureItems div.stat {
	font-weight:normal;
	font-size:11px;
	font-family:Tahoma;
}
.boxBlogFeature .blogFeatureItems div.stat span {
	padding-right:20px;
}
.boxBlogFeature .blogFeatureItems div.stat .date {
	color: #969495;	
}
/** TOP */
.boxBlogTop,
.boxBlogFriend,
.boxRelation {
	width:254px;
	padding-left:5px;
	display:table;
	margin-top:29px;
	margin-bottom:40px;
}
.boxBlogTop .headerTitle,
.boxBlogFriend .headerTitle,
.boxRelation .headerTitle{
	width:254px;
	padding:0;
	background:url(../img/bg/line.jpg) left bottom repeat-x;
	padding-bottom:5px;
	display:inline-table;	
}
.boxBlogTop .headerTitle h3,
.boxBlogFriend .headerTitle h3,
.boxRelation .headerTitle h3 {
	font-size:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#555; 
	text-align:left;
	padding-left:5px;
	text-transform:uppercase;
}
.boxBlogTop .headerTitle h3 span,
.boxBlogFriend .headerTitle h3 span {
	float:right;
	font-size:11px;
	text-transform:none;
	line-height:26px;
}
.boxBlogTop .blogTopItem,
.boxBlogFriend .blogFriendItem {
	display:inline-table;
	width:254px;
}
.boxBlogTop .blogTopItem ul,
.boxBlogFriend .blogFriendItem ul,
.boxRelation .relationItem ul{
	display:block;
	width:249px;
	list-style:none;
	padding-right:5px;
	clear:both;
}
.boxBlogTop .blogTopItem ul li,
.boxBlogFriend .blogFriendItem ul li,
.boxRelation .relationItem ul li {
	background:url(../img/bg/line.jpg) left top repeat-x;
	width:249px;
	padding:9px 0;
	width:100%;
	clear:both;
	display:inline-block;
}
.boxBlogTop .blogTopItem ul li.firstChild,
.boxBlogFriend .blogFriendItem ul li.firstChild,
.boxRelation .relationItem ul li.firstChild {
	background:none;
}
.boxBlogTop .blogTopItem ul li .content {
	width:189px;
	margin-right:6px;
	display:table;
}
.boxBlogTop .blogTopItem ul li .noimg {
	width:243px;
}
.boxBlogFriend .blogFriendItem ul li .content {
	padding-left:6px;
	display:table;
	width:189px;
}
.boxBlogTop .blogTopItem ul li .content span.stt {
	color:#beb8b8;
	font-weight:bold;
	font-size:18px;
	float:left;
	padding:18px 3px;
	width:20px;
	text-align:center;
}
.boxBlogTop .blogTopItem ul li .content span.small {
	font-size:14px;
}
.boxBlogTop .blogTopItem ul li .content div {	
	border-left:3px solid #20ae00;
	padding-left:5px;
	float:left;
	width:155px;
	min-height:54px;
}
.boxBlogTop .blogTopItem ul li .noimg div {
	width:209px;
}
.boxBlogTop .blogTopItem ul li .content div h3,
.boxBlogFriend .blogFriendItem ul li .content h3,
.boxRelation .relationItem ul li h3 {
	font-size:11px;
	padding-bottom:5px;
}
.boxBlogTop .blogTopItem ul li .content div h3 a {
	color:#000000
}
.boxBlogFriend .blogFriendItem ul li .content h3 {
	font-weight:normal;
}
.boxBlogTop .blogTopItem ul li .content div h4,
.boxBlogFriend .blogFriendItem ul li .content h4 {
	font-size:11px;
	font-weight:normal;
}
.boxBlogFriend .blogFriendItem ul li .content h4 a {
	color:#000000;
	font-weight:bold;
}
.boxRelation .relationItem ul li .border50 {
	margin-left:5px;
	margin-bottom:5px;
}
/** COMMENT */
.boxBlogComment .headerTitle {
	width:100%;
	padding:0 0 3px;
	text-align:left;
	display:inline-table;	
}
.boxBlogComment .headerTitle h3 {
	font-size:12px;
	color:#555; 
	width:200px;
	float:left;
	line-height:22px;
}
.boxBlogComment .headerTitle .Paging,
.boxBlogComment .headerTitle .paging {
	width:299px;
	float:left;
	clear:none;
}
.boxBlogComment .blogCommentItem,
.boxBlogComment .blogCommentInput,
.boxBlogComment .blogLoading {
	width:100%;
	display:inline-table;
}
.boxBlogComment .blogLoading {
	display:none;
	text-align:center;
}
.boxBlogComment .blogCommentItem .rowCmt {
	display:none;
	position:absolute;
	text-align:right;
	width:99px;
	margin-left:448px;
	margin-top:-3px;
	z-index:1;
}
.boxBlogComment .blogCommentItem .rowCmt a {
	background-color:#000000;
	color:#FFFFFF;
	padding:7px 20px;	
	width:auto;
}
.boxBlogComment .blogCommentItem ul {
	display:inline-table;
	list-style:none;
	clear:both;
	width:100%;
}
.boxBlogComment .blogCommentItem ul li {
	border-top:1px solid #C8C8C8;
	padding-top:10px;
	padding-bottom:10px;
	width:100%;
	clear:both;
	display:inline-table;
}
.boxBlogComment .blogCommentItem ul li:hover {
	cursor:pointer;
}
.boxBlogComment .blogCommentItem ul li .cnt {
	float:left;
	margin-left:5px;
	width:490px;
	margin-top:-5px;
}
.boxBlogComment .blogCommentItem ul li .cnt h4 {
	font-size:11px;
	width:100%;
	line-height:20px;
}
.boxBlogComment .blogCommentItem ul li .cnt h4 span {
	font-weight:normal;
}
.boxBlogComment .blogCommentItem ul li .cnt p {
	line-height:20px;
}
.boxBlogComment .blogCommentInput {
	margin-bottom:100px;
}
.boxBlogComment .blogCommentInput textarea {
	width:537px !important;
}
/***/
.boxCreate,
.boxEdit {
	clear:both;
	padding:0 20px 37px;
	display:table;
}
.boxCreate .headerTitle,
.boxEdit .headerTitle{
	width:499px;
	text-align:left;
	display:inline-table;
	text-transform:uppercase;
}
.boxCreate .headerTitle h3,
.boxEdit .headerTitle h3 {
	color:#555555;
	font-weight:normal;
	font-size:20px;
	font-family:Arial, Helvetica, sans-serif;
}
.boxCreate .createItem,
.boxEdit .editItem{
	clear:both;
	margin:30px 0 20px;
	width:100%;
	display:block;
}
.boxCreate .createItem .userInput,
.boxEdit .editItem .userInput {
	width:100%;
	margin-bottom:10px;
	display:inline-table;
}
.boxCreate .createItem .userInput label,
.boxEdit .editItem .userInput label {
	width:85px;
	padding-right:5px;
	float:left;
	line-height:22px;
	text-align:left;
}
.boxCreate .createItem .userInput input.text,
.boxEdit .editItem .userInput input.text{
	border:#E2E2E2 1px solid;
	height:22px;
	line-height:22px;
	width:425px;
	float:left;
	padding-left:5px;
	padding-right:5px;
	font-size:11px;
}
.boxEdit .editItem .userInput input.file {
	height:22px\9;
	border:#E2E2E2 1px solid\9;
	width:425px\9;
	
}
.boxCreate .createItem .userInput .perm,
.boxEdit .editItem .userInput .perm {
	display:inline-table;
}
.boxCreate .createItem .userInput textarea,
.boxEdit .editItem .userInput textarea {
	width:425px;
	padding:5px;
	border:#E2E2E2 1px solid;
	height:70px;
	overflow-x:hidden;
}
.boxCreate .createItem .userInput select,
.boxEdit .editItem .userInput select {
	font-size:11px;
	line-height:22px;
	width:120px;
}
.boxCreate .createItem .userInput .perm span.select,
.boxEdit .editItem .userInput .perm span.select {
	width:98px;
	left:90px;
}
.boxCreate .createItem .userInput select option,
.boxEdit .editItem .userInput select option {
	padding:5px 4px;
	font-family:Tahoma;
}
.boxEdit .editItem .userInput .image {
	margin-left:100px;
	width:407px;
}
.boxEdit .editItem .userInput .image span {
	position:absolute;
	width:407px;
	text-align:right;
	margin-top:0px;
	display:none;
}
.boxEdit .editItem .userInput .image span a {
	background-color:#000000;
	color:#FFFFFF;
	padding:7px 20px;	
	width:auto;
	display:inline-block;
}
.boxEdit .editItem .userInput .image img {
	max-width:407px;
}
.boxCreate .createItem .userInput input.btnSubmit,
.boxCreate .createItem .userInput .errorMessage,
.boxEdit .editItem .userInput input.btnSubmit,
.boxEdit .editItem .userInput .errorMessage {
	margin-left:90px;
	float:left;
	display:block;
}
/***/
.boxSearch {
	clear:both;
	padding:0 20px 20px;
	border-bottom:1px solid #f2f2f2;
	display:table;
	margin-bottom:20px;
}
.noBottomLine {
	border-bottom:none;
}
.boxSearch .headerTitle{
	width:499px;
	text-align:left;
	margin-bottom:5px;
	text-transform:uppercase;
}
.boxSearch .headerTitle h3 {
	color:#555;
	font-weight:normal;
	font-size:20px;
	font-family:Arial, Helvetica, sans-serif;
}
.boxSearch .searchItem {
	clear:both;
	width:100%;
	display:block;
	margin-top:15px;
}
.boxSearch .searchItem input.text {
	border:#E2E2E2 1px solid;
	height:26px;
	width:463px;
	float:left;
	margin-right:6px;
	padding-left:5px;
	padding-right:5px;
}
.boxSearch .searchItem input.btn {
	border:0;
	width:46px;
	height:28px;
	padding:0;
	float:left;
	background:none;
}